<template>
  <div @click="bannerClick">
    <div class="editbanner">
      <span>{{left}}</span>
      <span><slot name="right"></slot></span>
    </div>
  </div>
</template>

<script>
    export default {
      props:['left','right'],
        name: "editBanner",
        data() {
            return {
            }
        },
        methods: {
          bannerClick(){
            this.$emit('bannerClick')
          }
        },

    }
</script>

<style scoped lang="less">
  .editbanner{
    display: flex;
    background-color: white;
    padding: 3vw 4vw;
    font-size: 3.7vw;
    border-bottom: 0.1vw solid #eeeeee;
    justify-content: space-between;
    color: #777777;
    align-items: center;
  }
</style>
